<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>聚喜猫 - 采图工具</title>
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/default.js"></script>
<style>
	/* 采图工具 */
	.pin_mask {width:100%; height:100%; background:#fff; opacity:0.5; filter:alpha(opacity=50); position:relative; z-index:1000;}
	.col_cont {position:absolute; width:100%; top:0; padding-top:37px; z-index:1001;}
	.col_cont .col_tit {display:block; background:#fff url(../images/col_tit.png) repeat-x; height:36px; line-height:36px;
	border-bottom:1px solid #ccc; box-shadow:0 0 2px #d7d7d7; text-align:center; font-size:14px; font-weight:700; position:fixed; width:100%; top:0;}
	.col_cont .col_tit:hover {background:#ff0066; color:#fff;}
	.juximao_control {float:left; width:200px; height:200px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fcfcfc;}
	.juximao_control img {display:block; margin:65px auto 0;}
	.imImg {float:left; background:#fff; width:192px; height:192px; padding:4px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; overflow:hidden; position:relative;}
	.imImg img {vertical-align:middle; height:192px;}
	.imImg em {display:block; font-size:10px; position:absolute; z-index:1; top:170px; width:100%; text-align:center;}
	.imImg a {display:block; width:192px; height:192px; position:absolute; top:4px; left:4px; z-index:2;}
	.imImg a.noselect:hover {background:url(../images/pin.png) no-repeat; background-position:0 -386px;}
	.imImg a.selected {background:url(../images/pin.png) no-repeat; background-position:0 -193px;}
	.imImg a.selected:hover {background-position:top left;}
</style>
</head>

<body>
	<div class="pin_mask"></div><!--/pin_mask-->
    <div class="col_cont">
    	<div class="juximao_control">
        	<img alt="" src="../images/b_logo.gif" />
    		<a href="javascript:;" class="col_tit">关闭</a>
        </div><!--/juximao_control-->
        <div class="imImg">
        	<img alt="" src="../images/images_06.jpg" />
            <a class="noselect" href=""></a>
            <em>960×250</em>
        </div><!--/imImg-->
    </div><!--/col_cont-->
    
    <script>
		$(function(){
			var height = $(window).height();
			$(".pin_mask").css('height',height);
			})
	</script>
</body>
</html>